import React from 'react';
import { Route, Redirect} from "react-router-dom";

import Frame from '../page/template/Frame';

// import { Switch } from '_antd@3.16.1@antd';

// 这个组件将根据登录的情况, 返回一个路由
const PrivateRoute = ({component: Component, ...props}) => {
    // 解构赋值 将 props 里面的 component 赋值给 Component
    return <Route {...props} render={(p) => {
        const login = document.cookie.includes('login=true')
        if (login){ // 如果登录了, 返回正确的路由
            return (
                <Frame >
                    <Component />
                </Frame>
            )
        } else { // 没有登录就重定向至登录页面
            alert("你还没有登录哦, 确认将跳转登录界面进行登录!")
            return <Redirect to={{
                pathname: '/Login',
                state: {
                    from: p.location.pathname
                }
            }}/>
        }
    }}/>
}





export default PrivateRoute;